<!DOCTYPE html>
<html lang="zh-cmn">

<head>
  <meta charset="UTF-8" />
  <title>游戏部署</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
  />
  <link rel="stylesheet" type="text/css" href="css/jquery-impromptu.css" />
  <link rel="stylesheet" type="text/css" href="css/zui.min.css" />
  <link rel="stylesheet" type="text/css" href="css/zui-theme.min.css" />
  <link rel="stylesheet" type="text/css" href="css/main.css" />

</head>

<body class="frame_wrap" id="wrapper">

  <div class="frame_statusBar">
    <div class="frame_statusBar_inner" id="statusBar_inner">
      <a class="frame_statusBar_btn frame_statusBar_btn_Close js_statusBar_close" href="javascript:;">
        <span class="frame_statusBar_btn_icon"></span>
      </a>
      <a class="frame_statusBar_btn frame_statusBar_btn_Min js_statusBar_min" href="javascript:;">
        <span class="frame_statusBar_btn_icon"></span>
      </a>
      <a class="frame_statusBar_btn frame_statusBar_btn_Max js_statusBar_max" href="javascript:;">
        <span class="frame_statusBar_btn_icon"></span>
      </a>
    </div>
  </div>

  <div class="welcome_stage" id="welcomeStage">
    <h1 class="qw_icon qw_icon_WelcomeLogo welcome_stage_title">游戏部署</h1>
    <div class="welcome_stage_desc">点击左下角添加服务器</div>
  </div>

  <div class="project_stage qw_hide" id="projectStage">
    <div class="project_stage_title">服务器列表</div>
    <ul class="project_stage_list" id="projectList"></ul>
  </div>


  <div class="frame_toolbar frame_toolbar_EmptyProject qw_clear" id="toolbar">

    <a class="frame_toolbar_item frame_toolbar_item_OpenProject" data-toggle="modal" data-target="#serverModal" href="javascript:;">
      <span class="qw_icon qw_icon_Add"></span>
      <span class="frame_toolbar_item_openProjectText">添加服务器</span>
    </a>
    <a class="frame_toolbar_item frame_toolbar_item_DelProject" data-toggle="modal" data-target="#delServerModal" href="javascript:;"
      title="删除当前选择的项目">
      <span class="qw_icon qw_icon_Remove"></span>
    </a>
    <!-- <div class="dropdown btn-group dropup">
      <a href="javascript:;" data-toggle="dropdown" class="dropdown-toggle frame_toolbar_item frame_toolbar_item_Setting">
        <span class="qw_icon qw_icon_Setting"></span>
      </a>
      <ul class="dropdown-menu" role="menu">
        <li>
          <a href="###">操作</a>
        </li>
        <li>
          <a href="###">另一个操作</a>
        </li>
        <li>
          <a href="###">更多操作</a>
        </li>
      </ul>
    </div> -->


  </div>

  <!--添加服务器-->
  <div class="modal fade" id="serverModal">
    <div class="modal-dialog modal-fullscreen">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">
            <span aria-hidden="true">×</span>
            <span class="sr-only">关闭</span>
          </button>
          <h4 class="modal-title">添加服务器</h4>
        </div>
        <div class="modal-body">
          <div class="switch">
            <input type="checkbox" name="docker" onchange="docker(this)">
            <label>Docker模式</label>
          </div>
          <div class="input-group">
            <span class="input-group-addon">&nbsp;名&nbsp;&nbsp;&nbsp;&nbsp;称&nbsp;</span>
            <input type="text" name="nickName" class="form-control" placeholder="服务器显示名称">
          </div>
          <br>
          <div class="input-group">
            <span class="input-group-addon">&nbsp;地&nbsp;&nbsp;&nbsp;&nbsp;址&nbsp;</span>
            <input type="text" name="host" class="form-control" placeholder="例:120.77.52.139">
          </div>
          <br>
          <div class="input-group">
            <span class="input-group-addon">&nbsp;端&nbsp;&nbsp;&nbsp;&nbsp;口&nbsp;</span>
            <input type="text" value="22" name="port" class="form-control" placeholder="默认22">
          </div>

          <br>
          <div class="input-group">
            <span class="input-group-addon">登&nbsp;&nbsp;陆&nbsp;名</span>
            <input type="text" name="username" class="form-control" placeholder="root">

          </div>
          <br>
          <div class="input-group">
            <span class="input-group-addon">登陆密码</span>
            <input type="text" name="password" class="form-control" placeholder="服务器登陆密码">
            <span class="input-group-addon fix-border fix-padding"></span>
          </div>
          <br>
          <div id="dockerMode" style="display:none">
            <div class="input-group">
              <span class="input-group-addon">项目路径</span>
              <input type="text" value="/opt" name="dockerPath" class="form-control" placeholder="容器里的项目路径">
            </div>
            <br>
            <div class="input-group">
              <span class="input-group-addon">容器端口</span>
              <input type="text" value="2022" name="dockerPort" class="form-control" placeholder="docker容器登陆端口">
            </div>
            <br>
            <div class="input-group">
              <span class="input-group-addon">容器密码</span>
              <input type="text" name="dockerPassword" class="form-control" placeholder="docker容器登陆密码">
              <span class="input-group-addon fix-border fix-padding"></span>
            </div>
            <br>
          </div>
          <div class="input-group pull-right">
            <button class="btn " type="button" data-dismiss="modal">取消</button>
            &nbsp;&nbsp;
            <button class="btn btn-primary" id="addServer" type="button">添加</button>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!--删除-->
  <div class="modal fade" id="delServerModal">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">
            <span aria-hidden="true">×</span>
            <span class="sr-only">关闭</span>
          </button>
          <h4 class="modal-title">确定删除该配置吗?</h4>
        </div>
        <div class="modal-body">
          <p>删除后不可恢复</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
          <button type="button" class="btn btn-danger" id="delProject">删除</button>
        </div>
      </div>
    </div>
  </div>



  <script>
    delete window.exports;
    delete window.module;
  </script>
  <script src="js/jquery.min.js"></script>
  <script src="js/zui.min.js"></script>
  <script src="js/jquery-impromptu.js"></script>
  <script src="src/app.js"></script>
</body>

</html>